<%-- 
    Document   : DatVeOnline
    Created on : May 24, 2014, 11:11:52 PM
    Author     : bienphongvnn
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link id="theme" rel="stylesheet" type="text/css" href="css/dinhdang.css" title="theme" />
        <link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />
        <link href="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/css/bootstrap.css" rel="stylesheet"/>
        <link href="css/carousel.css" rel="stylesheet"/>
        <script src="Js/jquery-2.1.1.js" type="text/javascript"></script>
    </head>
    <!--    JavaScript-->
    <script>
        //TuyenTau
        $(document).ready(function()
        {
            $.get("TuyenController",
                    {
                        tuyentau: "c"
                    },
            function(data, status)
            {
                document.getElementById("tuyentau").innerHTML = data;
            });
        });
        //ChuyenTau
        $(document).ready(function()
        {
            $("#btntuyentau").click(function()
            {
                $.get("ChuyenTauController",
                        {
                            chuyentau: "c"
                        },
                function(data, status)
                {
                    document.getElementById("chuyentau").innerHTML = data;
                });
            });
        });
        //KhachHang
        $(document).ready(function()
        {
            $.get("KhachHangController",
                    {
                        khachhang: "c"
                    },
            function(data, status)
            {
                document.getElementById("khachhang").innerHTML = data;
            });
        });
//        //DoanTau
//        $(document).ready(function()
//        {
//            $.get("DoanTauController",
//                    {
//                        doantau: "c"
//                    },
//            function(data, status)
//            {
//                document.getElementById("doantau").innerHTML = data;
//            });
//        });
//        //ToaTau
//        $(document).ready(function()
//        {
//            $("#btndoantau").click(function()
//            {
//                $.get("ToaTauController",
//                        {
//                            toatau: "c"
//                        },
//                function(data, status)
//                {
//                    document.getElementById("toatau").innerHTML = data;
//                });
//            });
//        });
    </script>
    <body>
        <div id="wrapper">
            <div class = "bd" class="lichsu">
                <div id = "page">
                    <div id="container">
                        <!-- Công nghệ bootstrap -->
                        <div id="myCarousel" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!--Hình thứ nhất -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src = "images/railway1.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="tieude">VNRAILWAY KÍNH CHÀO QUÝ KHÁCH</h1>
                                            <h3>An toàn của bạn là hạnh phúc của chúng tôi!!!</h3>
                                            <p><a class="btn btn-lg btn-primary" href="DangNhap.jsp" role="button">Login</a></p>
                                        </div>
                                    </div>
                                </div>
                                <!--Hình thứ 2 -->
                                <div class="item">
                                    <img src = "images/railway2.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="tieude">VNRAILWAY KÍNH CHÀO QUÝ KHÁCH</h1>
                                            <h3>Nụ cười của bạn là niềm vui của chúng tôi!!!</h3>
                                            <p><a class="btn btn-lg btn-primary" href="DangNhap.jsp" role="button">Login</a></p>
                                        </div>
                                    </div>
                                </div>
                                <!--Hình thứ 3 -->
                                <div class="item">
                                    <img src = "images/railway3.jpg">
                                    <div class="container">
                                        <div class="carousel-caption">
                                            <h1 class="tieude">VNRAILWAY KÍNH CHÀO QUÝ KHÁCH</h1>
                                            <h3>Luôn luôn lắng nghe, luôn luôn thất vọng</h3>
                                            <p><a class="btn btn-lg btn-primary" href="Login" role="button">Login</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                        </div><!-- /.carousel -->

                        <div class="bd">
                            <div>
                                <h1  class = "lichsu">ĐẶT VÉ ONLINE</h1>
                                <br><hr>
                                <form action="DatVeController" method="post">
                                    <table width="628" align="center">
                                        <tr>
                                            <td width="100" height="40">Mã khách hàng</td>
                                            <td width="250">
                                                <select id="khachhang" name="MaKhachHang">
                                                </select>
                                            </td>
                                            <td width="100">Ngày đặt vé</td>
                                            <td width="250"><input name="NgayDatVe" type="date" value = "<%= new java.util.Date()%>" /></td>
                                        </tr>
                                        <tr>
                                            <td height="40">Tuyến tàu</td>
                                            <td>
                                                <select id="tuyentau" name="TuyenTau">
                                                    <option></option>
                                                </select>
                                                <button id= "btntuyentau" type="button">Chọn</button>
                                            </td>
                                            <td>Chuyến tàu</td>
                                            <td>
                                                <select id="chuyentau" name="ChuyenTau">
                                                    <option></option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td >Loại tàu</td>
                                            <td>
                                                <input type="radio" name="LoaiTau" value="hangsang" id="hangsang" />
                                                Hạng sang
                                                <input type="radio" name="LoaiTau" value="binhthuong" id="binhthuong" />
                                                Bình thường
                                                <br/>
                                            </td>
                                            <td>Loại toa</td>
                                            <td>
                                                <input type="radio" name="LoaiToa" value="giuongnam" id="giuongnam" />
                                                Giường nằm
                                                <input type="radio" name="LoaiToa" value="ghengoi" id="ghengoi" />
                                                Ghế ngồi 
                                                <br />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="40"></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>
                                                <input type="submit" id="chonvitri" name="chonvitri" value="Chọn vị trí"/>
                                            </td>
                                            <td>
                                                <input  type="submit" id="huy" name="huy" value="Hủy đặt vé" />
                                            </td>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </table>
                                </form>
                                <br><hr>
                                <p class = "lichsu" width = "80px">Lưu ý: Quý khách phải đến công ty thanh toán và nhận vé trong vòng 48h, nếu không vé sẽ bị HỦY. Xin chân thành cảm ơn!!!</p>
                                <p align = "center">
                                    <a href="http://localhost:8084/LapTrinhWeb/"><< Về trang chủ</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="bd">

                    </div>
                    <div class="ft"> 
                        <div id="footer"> 
                            <div class="content"> 
                                <p>Thank you for your coming!!! 
                                </p> 
                            </div> 
                        </div>  
                        <div id="container-bottom"></div> 
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>	
        <script src="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
        <script src="bootstrap-3.1.1-dist/bootstrap-3.1.1-dist/assets/js/docs.min.js"></script>
    </body>
</html>
